<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>商品发布</title>
	
    <link href="style/bootstrap-combined.min.css" rel="stylesheet">
	<link href="style/font-awesome.css" rel="stylesheet">
    <link type="text/css" rel="stylesheet" href="style/reset.css">
	<link type="text/css" rel="stylesheet" href="style/main.css">
	<link type="text/css" rel="stylesheet" href="style/main2.css">
    <script type="text/javascript" src="js/timeselect/laydate.js"></script>
    <script type="text/javascript" src="js/jquery-1.11.3.js"></script>

</head>
<body>
	<div class="topBar">
			<div class="comWidth">
	            <div class="leftArea">
				    <div class="account fl" id="account">
	                    <a href="#"><span class="sign-success"></span></a>
	                        <div class="mune" id="account_mune">
	                            <div class="shangmian">
	                                <div class="leftArea">
	                                <a href="#"><img src="images/logo/taxyh-3.jpg" alt=""></a>
	                                </div>
	                                <div class="account_mang rightArea">
	                                    <div class="fr qingfu"><a class="manage">账号管理</a><a class="exit">退出</a></div>
	                                    <div class="fl qingfu"><a href="#"><img src="images/icon/huiyuan4.jpg"></a></div>
	                                     <div class="fl qingfu"> <a href="#">我可尊享15项特权</a></div>
	                                </div>
	                            </div>
	                            <div class="h_1 qingfu"></div>
	                            <div class="xiamian qingfu">
	                            <a href="#"><div class="tqtime">我当前享受2天节日特权</div></a>
	                            </div>
	                        </div>
	                </div>
                    <div class="phone fl"><a href="https://www.pgyer.com/taoaixin" id="phone">手机淘爱心</a></div>
				</div>
				<div class="rightArea">
					<a href="#"><span class="fl F_tax" style="color:red";>淘爱心首页</span></a>

	                <div class="wdtax fl" id="wdtax">
	                    <a href="#">我的淘爱心</a>
	                    <ul class="mune" id="wdtax_mune">
	                        <li><a href="#">已淘到的爱心</a></li>
	                        <li><a href="#">我的足迹</a></li>
	                        <li><a href="#">爱公益</a></li>
	                        <li><a href="#">新欢</a></li>
	                    </ul>
	                </div>
	                <div class="fl"><a href="#">我的消息</a></div>
	                <div class="favorites fl" id="favorites">
	                    <a href="favorite.html">收藏夹</a>
	                    <ul class="mune" id="favorites_mune">
	                        <li><a href="#">收藏的宝贝</a></li>
	                        <li><a href="#">收藏的店铺</a></li>
	                    </ul>
	                </div>
	                <div class="seller fl" id="seller">
	                    <a href="#">卖家中心</a>
	                    <ul class="mune" id="seller_mune">
	                        <li><a href="#">免费开店</a></li>
	                        <li><a href="#">已卖出的宝贝</a></li>
	                        <li><a href="#">出售中宝贝</a></li>
	                        <li><a href="#">卖家资质</a></li>
	                    </ul>
	                </div>
	                <div class="service fl" id="service">
	                    <a href="#">联系客服</a>
	                    <ul class="mune" id="service_mune">
	                        <li><a href="#">收藏的宝贝</a></li>
	                        <li><a href="#">收藏的店铺</a></li>
	                    </ul>
	                </div>
				</div>
			</div>
	</div>
    <div class="midBar">
		<div class="fav-tab">
			<div class="selllogo fl">
            		<img src="images/seller center/logo.gif">
					<span class="seller-lianjie fr"><a href="#">商品上架</a></span>
			</div>
		</div>
	</div>
    <div class="smallcomWidth">
    	<div class="content smallcomWidth">
            <ol class="tb-rate-nav-steps fbsty">
                <li class="done current-prev">
                <span class="first" id="first">1.选择爱心大类</span>
                </li>
                <li class=" zhifufukuan">
                <span id="second">2.填写信息</span>
                </li>
                <li class=" fklast-current">
                <strong id="third">3.完成上架</strong>
                </li>
            </ol>
            <div class="block_wrap hide" id="Item_details">
            	<div class="block_title">
               		<h2>基本信息</h2> 
                </div>
                <div class="block_content">
                    <div class="rows_wrap clearfix">
                        <div class="rows_content">
                        	<div class="radio_wrap clearfix" name="isBiz">
                                    <div class="radio" id="radio1">
                                        <i></i>
                                        <span>在校学生</span>
                                    </div>
                                    <div class="radio" id="radio2">
                                        <i></i>
                                        <span>爱心大使</span>
                                	 </div>
                            </div>
                        </div>
                        <div class="rows_title">
                        	<span>
                            	<span class="rows_title_star">*</span>
                                身份
                            </span>
                        </div> 
                        
                   </div>
                   	<div class="rows_wrap clearfix" id="goodtype">
                        <div class="rows_content">
                        	<div class="volatile_wrap">
                                 <div class="volatile_required_wrap clearfix">
                                 	<div class="selectordef" style="width:165px;">
                                    	<div class="title" id="name">
                                        	<span class="seled">请选择</span>
                                            <span class="arrow"></span>
                                        </div>
                                    </div>
                                 </div>
                            </div>
                        </div>
                        <div class="rows_title">
                        	<span>
                            	<span class="rows_title_star">*</span>
                                类别
                            </span>
                        </div> 
                   </div>
                   	<div class="rows_wrap clearfix" id="condition">
                        <div class="rows_content">
                        	<div class="volatile_wrap">
                                 <div class="volatile_required_wrap clearfix">
                                 	<div class="selectordef" style="width: 150px;">
                                    	<div class="title">
                                        	<span class="seled new-old">请选择</span>
                                            <span class="arrow"></span>
                                        </div>
                                    </div>
                                 </div>
                            </div>
                        </div>
                        <div class="rows_title">
                        	<span>
                            	<span class="rows_title_star">*</span>
                                新旧
                            </span>
                        </div> 
                   </div>
               	    <div class="rows_wrap clearfix" id="goodprice">
                        <div class="rows_content">
                        	<div class="input_text_wrap clearfix success">
                                 <input style="width: 132px;"type="inputText" id="product-price"></input>
                                 <span>元</span>
                            </div>
                        </div>
                        <div class="rows_title">
                        	<span>
                            	<span class="rows_title_star">*</span>
                                价格
                            </span>
                        </div>
                   </div>
                   <div class="rows_wrap clearfix" id="payment">
                        <div class="rows_content">
                        	<div class="input_text_wrap clearfix success">
                                 <input style="width: 132px;"type="inputText" id="time-price"></input>
                            </div>
                        </div>
                        <div class="rows_title">
                        	<span>
                            	<span class="rows_title_star">*</span>
                                薪酬
                            </span>
                        </div>
                   </div>
                    <div class="rows_wrap clearfix">
                        <div class="rows_content">
                            <div class="input_text_wrap clearfix success">
                                 <input style="width: 132px;"type="inputText" id="amount"></input>
                                 <span>个</span>
                            </div>
                        </div>
                        <div class="rows_title">
                            <span>
                                <span class="rows_title_star">*</span>
                                数量
                            </span>
                        </div>
                   </div>
                   	<div class="rows_wrap clearfix" id="timestr">
                        <div class="rows_content">
                        	<div class="timeselect">
                                 <input placeholder="请输入日期" class="laydate-icon start" onClick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
                            </div>
                        </div>
                        
                        <div class="rows_title">
                        	<span>
                            	<span class="rows_title_star">*</span>
                                开始时间
                            </span>
                        </div>
                   </div>
                   <div class="rows_wrap clearfix" id="timefin">
                        <div class="rows_content">
                        	<div class="timeselect">
                                 <input placeholder="请输入日期" class="laydate-icon end" onClick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
                            </div>
                        </div>
                        <div class="rows_title">
                        	<span>
                            	<span class="rows_title_star">*</span>
                                结束时间
                            </span>
                        </div>
                   </div>
                    <div class="rows_wrap clearfix">
                        <div class="rows_content">
                        	<div class="input_text_wrap clearfix success">
                                 <input style="width: 395px;"type="inputText"></input>
                            </div>
                        </div>
                        <div class="rows_title">
                        	<span>
                            	<span class="rows_title_star">*</span>
                                商品标题
                            </span>
                        </div> 
                   </div>
                    <div class="rows_wrap clearfix">
                        <div class="rows_content">
                            <div class="input_text_wrap clearfix success">
                                 <input type="file"   style="width: 395px;"></input>
                            </div>
                        </div>
                        <div class="rows_title">
                            <span>
                                <span class="rows_title_star">*</span>
                                上传商品图片
                            </span>
                        </div> 
                   </div>
                    <div class="rows_wrap clearfix" id="textbox">
                        <div class="rows_content">
                        	<div class="content">
                              <div class="container-fluid">
                                    <div id='pad-wrapper'>
                                        <div id="editparent">
                                            <div id='editControls' class='span9' style=' padding:5px;'>
                                                <div class='btn-group'>
                                                    <a class='btn' data-role='undo' href='javascript:void(0)'><i class='icon-undo'></i></a>
                                                    <a class='btn' data-role='redo' href='javascript:void(0)'><i class='icon-repeat'></i></a>
                                                </div>
                                                <!-- <div class='btn-group'>
                                                    <a class='btn' data-role='cut' href='#'><i class='icon-cut'></i></a>
                                                    <a class='btn' data-role='copy' href='#'><i class='icon-copy'></i></a>
                                                    <a class='btn' data-role='paste' href='#'><i class='icon-paste'></i></a>
                                                </div> -->
                                                <div class='btn-group'>
                                                    <a class='btn' data-role='bold' href='javascript:void(0)'><b>Bold</b></a>
                                                    <a class='btn' data-role='italic' href='javascript:void(0)'><em>Italic</em></a>
                                                    <a class='btn' data-role='underline' href='javascript:void(0)'><u><b>U</b></u></a>
                                                    <a class='btn' data-role='strikeThrough' href='javascript:void(0)'><strike>abc</strike></a>
                                                </div>
                                                <div class='btn-group'>
                                                    <a class='btn' data-role='justifyLeft' href='javascript:void(0)'><i class='icon-align-left'></i></a>
                                                    <a class='btn' data-role='justifyCenter' href='javascript:void(0)'><i class='icon-align-center'></i></a>
                                                    <a class='btn' data-role='justifyRight' href='javascript:void(0)'><i class='icon-align-right'></i></a>
                                                    <a class='btn' data-role='justifyFull' href='javascript:void(0)'><i class='icon-align-justify'></i></a>
                                                </div>
                                                <div class='btn-group'>
                                                    <a class='btn' data-role='indent' href='javascript:void(0)'><i class='icon-indent-right'></i></a>
                                                    <a class='btn' data-role='outdent' href='javascript:void(0)'><i class='icon-indent-left'></i></a>
                                                </div>
                                                <div class='btn-group'>
                                                    <a class='btn' data-role='insertUnorderedList' href='javascript:void(0)'><i class='icon-list-ul'></i></a>
                                                    <a class='btn' data-role='insertOrderedList' href='javascript:void(0)'><i class='icon-list-ol'></i></a>
                                                </div>
                                                <div class='btn-group'>
                                                    <a class='btn' data-role='h1' href='javascript:void(0)'>h<sup>1</sup></a>
                                                    <a class='btn' data-role='h2' href='javascript:void(0)'>h<sup>2</sup></a>
                                                    <a class='btn' data-role='p' href='javascript:void(0)'>p</a>
                                                </div>
                                                <div class='btn-group'>
                                                    <a class='btn' data-role='subscript' href='javascript:void(0)'><i class='icon-subscript'></i></a>
                                                    <a class='btn' data-role='superscript' href='javascript:void(0)'><i class='icon-superscript'></i></a>
                                                </div>
                                            </div>
                                            <div id='editor' class='span9' style='' contenteditable>
                                              <p>请描述商品详细情况</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
						  </div>
						  <script>
                    
                                $(function() {
                                    $('#editControls a').click(function(e) {
                                        switch($(this).data('role')) {
                                            case 'h1':
                                            case 'h2':
                                            case 'p':
                                                document.execCommand('formatBlock', false, '<' + $(this).data('role') + '>');
                                                break;
                                            default:
                                                document.execCommand($(this).data('role'), false, null);
                                                break;
                                        }
                                        
                                    })
                                });
                    
                            </script>
                        </div>
                        <div class="rows_title">
                        	<span>
                            	<span class="rows_title_star">*</span>
                                商品详情
                            </span>
                        </div> 
                   </div>
                    <div class="rows_wrap clearfix" id="place">
                        <div class="rows_content">
                        	<div class="volatile_wrap">
                                 <div class="volatile_required_wrap clearfix">
                                 	<div class="selectordef" style="width: 150px;">
                                    	<div class="title">
                                        	<span class="seled way">请选择</span>
                                            <span class="arrow"></span>
                                        </div>
                                    </div>
                                    <div class="selectordef" style="width: 150px;">
                                    	<div class="title" >
                                        	<span class="seled location">请选择地段</span>
                                            <span class="arrow"></span>
                                        </div>
                                    </div>
                                 </div>
                            </div>
                        </div>
                        <div class="rows_title">
                        	<span>
                            	<span class="rows_title_star">*</span>
                                交易方式及地点
                            </span>
                        </div> 
                   </div>
                   <div class="rows_wrap clearfix">
                        <div class="rows_content">
                        	<div class="input_text_wrap clearfix success">
                                 <input style="width: 240px;"type="inputText" id="provider"></input>
                            </div>
                        </div>
                        <div class="rows_title">
                        	<span>
                            	<span class="rows_title_star">*</span>
                                联系人
                            </span>
                        </div> 
                   </div>
                   <div class="rows_wrap clearfix">
                        <div class="rows_content">
                        	<div class="input_text_wrap clearfix success">
                                 <input style="width: 240px;"type="inputText" class="tel"></input>
                            </div>
                        </div>
                        <div class="rows_title">
                        	<span>
                            	<span class="rows_title_star">*</span>
                                联系电话
                            </span>
                        </div> 
                   </div>
                   <div class="cart_btnBox">
                        <input type="button" class="cart_btn" value="上  架" id="item_fb">
					  </div>
               </div>
               
      		</div>
            
            
            <div class="block_wrap" id="select">
            	<div class="block_title">
                	<h2>请根据商品选择大类</h2>
                </div>
                <div class="block_content">
                	  <div class="type_select">
                        	<div class="type">
                            	<ul>
                                	<li>	
                                    		<div id="type_select1" data-type="time">
                                    			<i></i>
                                            </div>
                                            <span class="xuanxiang">爱心时间</span>
                                    </li>
                                    <li>
                                    		<div id="type_select2" data-type="product">
                                            	<i></i>
                                            </div>
                                            <span class="xuanxiang">爱心商品</span>
                                     </li>
                                     <li>
                                     		<div id="type_select3" data-type="job">
                                            	<i></i>
                                            </div>
                                            <span class="xuanxiang">爱心岗位</span>
                                     <li>
                                 </ul>
                            </div>
                        </div>
                      <div class="cart_btnBox">
                        <input type="button" class="cart_btn" value="下一步" id="item_next">
					  </div>
                </div>
            </div>
            
            
            <div class="block_wrap hide" id="fbsuccess">
            	<div class="trade-info">
                    <p class="status">
                        发布成功
                    </p>
                    <div class="delivery">
                        <em>物品发布至：</em>
                        <span class="address">
                            <a href="#">杭州-闲置-数码</a>
                         </span>
                    </div>
            	</div>
                 <div class="operate">
                	<p>
                    <a class="view-more">点击查看详情</a>
                    <a class="view-more">修改商品信息</a>
                    <span>
                    	联系方式：
                        <a class="phone"></a>
                    </span>
                    </p>
                </div>
                <div class="cart_btnBox">
                        <input type="button" class="cart_btn" value="确定" id="item_finish">
				 </div>
    		</div>
            
		</div>
    </div>
	
    
 
<script type="text/javascript">
!function(){
	laydate.skin('molv');//切换皮肤，请查看skins下面皮肤库
	laydate({elem: '#demo'});//绑定元素
}();

//日期范围限制
var start = {
    elem: '#start',
    format: 'YYYY-MM-DD',
    min: laydate.now(), //设定最小日期为当前日期
    max: '2099-06-16', //最大日期
    istime: true,
    istoday: false,
    choose: function(datas){
         end.min = datas; //开始日选好后，重置结束日的最小日期
         end.start = datas //将结束日的初始值设定为开始日
    }
};

var end = {
    elem: '#end',
    format: 'YYYY-MM-DD',
    min: laydate.now(),
    max: '2099-06-16',
    istime: true,
    istoday: false,
    choose: function(datas){
        start.max = datas; //结束日选好后，充值开始日的最大日期
    }
};
laydate(start);
laydate(end);

//自定义日期格式
laydate({
    elem: '#test1',
    format: 'YYYY年MM月DD日',
    festival: true, //显示节日
    choose: function(datas){ //选择日期完毕的回调
        alert('得到：'+datas);
    }
});

//日期范围限定在昨天到明天
laydate({
    elem: '#hello3',
    min: laydate.now(-1), //-1代表昨天，-2代表前天，以此类推
    max: laydate.now(+1) //+1代表明天，+2代表后天，以此类推
});
</script>   
    

	

<div class="hr_25"></div>
<div class="footer">
    <div class="comWidth clearfix">
        <div class="footitem">
        <h3>关于淘爱心</h3>
        <ul class="data ">
                <li><a href="#" class="active">关于我们</a></li>
                <li><a href="#">联系我们</a></li>
                <li><a href="#">加入我们</a></li>
            </ul>
        </div>
        <div class="footitem">
        <h3>爱心资质</h3>
        <ul class="data">
                <li><a href="#" class="active">发布人资质</a></li>
                <li><a href="#">接单人资质</a></li>
                <li><a href="#">必备审核材料</a></li>
            </ul>
        </div>
        <div class="footitem">
        <h3>购物帮助</h3>
        <ul class="data">
                <li><a href="#" class="active">购物须知</a></li>
                <li><a href="#">订单相关</a></li>
                <li><a href="#">商品相关</a></li>
              <li><a href="#">积分相关</a></li>
            </ul>
        </div>
        <div class="footitem">
        <h3>手机淘爱心</h3>
        <ul class="data">
                <li><a href="#" class="active">iphone</a></li>
                <li><a href="https://www.pgyer.com/taoaixin">Andriod</a></li>
            </ul>
        </div>
        <div class="footitem">
        <h3>在线客服</h3>
        <ul class="data">
                <li><a href="#" class="active">岗位时间：9：00～18:00</a></li>
                <li><a href="#">建议邮箱：11111111@qq.com</a></li>
                
            </ul>
        </div>
    </div>
</div>
    <script type="text/javascript" src="js/myjs.js"></script>
    <!-- <script src="js/jquery.min.js"></script> -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/easyPay.js"></script>
    <script src="js/product.js"></script>
</div>

</body>
</html>